/**
 * Created by lenovo on 12/21/2016.
 */
//增加选项
function addTitle() {
    $("#options_list li:last").each(function () {
        var i = 2+$(this).index();
        var ul = document.getElementById('options_list');
        var li = document.createElement('li');
        var div = document.createElement('div');
        var label1 = document.createElement('label');
        var input1 = document.createElement('input');
        var br1 = document.createElement('br');
        li.className = "options_list_var";
        div.className = 'clearfix';
        ul.appendChild(li);
        li.appendChild(div);
        div.appendChild(label1);
        div.appendChild(br1);
        div.appendChild(input1);
        // div.appendChild(input2);
        input1.id = 'title'+i;
        input1.name = 'titleName'+i;
        input1.type = 'text';
        label1.innerHTML = '选项'+i;

        //图片
        var div1 = document.createElement('div');
        div.appendChild(div1);
        div1.id = 'preview'+i;
        //alert(div1.id);
        div1.style = 'width: 200px;height: 200px;';
        var input2 = document.createElement('input');
        div.appendChild(input2);
        input2.type = 'file';
        input2.id = 'file'+i;
        input2.name = 'pic'+i;
        input2.style = 'display:none;';

        var input3 = document.createElement('input');
        div.appendChild(input3);
        input3.type = 'button';
        input3.value = '图片';
        input3.setAttribute("onclick","img"+i+'()');
        //input3.onclick = img2;
        //input2.onchange = abd();
    });
}



/*$('#file1').change(function () {
    //alert($('.clearfix input:file'));
    var objUrl = getObjectURL(this.files[0]);
    //$('#preview1').html(1);
    //exit();
    //var objUrl = getObjectURL(this.files[0]);
    //alert(objUrl);
    console.log("objUrl= "+objUrl);
    if(objUrl){
        //alert($('.clearfix div'));
        //$('#preview1').attr('src',objUrl);
        $('#preview1').html('<img/>');
        $('#preview1 img').attr('src',objUrl);
    }
});*/

$(document).on('change','#file1',function(){
    //$('#file2').change(function () {
        //alert($('.clearfix div')[0]);
        //exit();
        //alert($('.clearfix input:file'));
        var objUrl = getObjectURL(this.files[0]);
        //$('#preview1').html(1);
        //exit();
        //var objUrl = getObjectURL(this.files[0]);
        //alert(objUrl);
        console.log("objUrl= " + objUrl);
        if (objUrl) {
            //console.log($('.clearfix div'));
            //$('#preview1').attr('src',objUrl);
           //exit();
            $('#preview1').html('<img/>');
            $('#preview1 img').attr('src', objUrl);
            $('#preview1 img').attr('class','auto');
        }
    //});
});
function img1() {
    $('#file1').click();
};


$(document).on('change','#file2',function(){
    //$('#file2').change(function () {
    //alert($('.clearfix div')[0]);
    //exit();
    //alert($('.clearfix input:file'));
    var objUrl = getObjectURL(this.files[0]);
    //$('#preview1').html(1);
    //exit();
    //var objUrl = getObjectURL(this.files[0]);
    //alert(objUrl);
    console.log("objUrl= " + objUrl);
    if (objUrl) {
        //console.log($('.clearfix div'));
        //$('#preview1').attr('src',objUrl);
        //exit();
        $('#preview2').html('<img/>');
        $('#preview2 img').attr('src', objUrl);
    }
    //});
});
function img2() {
    $('#file2').click();
};

$(document).on('change','#file3',function(){
    //$('#file2').change(function () {
    //alert($('.clearfix div')[0]);
    //exit();
    //alert($('.clearfix input:file'));
    var objUrl = getObjectURL(this.files[0]);
    //$('#preview1').html(1);
    //exit();
    //var objUrl = getObjectURL(this.files[0]);
    //alert(objUrl);
    console.log("objUrl= " + objUrl);
    if (objUrl) {
        //console.log($('.clearfix div'));
        //$('#preview1').attr('src',objUrl);
        //exit();
        $('#preview3').html('<img/>');
        $('#preview3 img').attr('src', objUrl);
    }
    //});
});
function img3() {
    $('#file3').click();
};

$(document).on('change','#file4',function(){
    //$('#file2').change(function () {
    //alert($('.clearfix div')[0]);
    //exit();
    //alert($('.clearfix input:file'));
    var objUrl = getObjectURL(this.files[0]);
    //$('#preview1').html(1);
    //exit();
    //var objUrl = getObjectURL(this.files[0]);
    //alert(objUrl);
    console.log("objUrl= " + objUrl);
    if (objUrl) {
        //console.log($('.clearfix div'));
        //$('#preview1').attr('src',objUrl);
        //exit();
        $('#preview4').html('<img/>');
        $('#preview4 img').attr('src', objUrl);
    }
    //});
});
function img4() {
    $('#file4').click();
};

$(document).on('change','#file5',function(){
    //$('#file2').change(function () {
    //alert($('.clearfix div')[0]);
    //exit();
    //alert($('.clearfix input:file'));
    var objUrl = getObjectURL(this.files[0]);
    //$('#preview1').html(1);
    //exit();
    //var objUrl = getObjectURL(this.files[0]);
    //alert(objUrl);
    console.log("objUrl= " + objUrl);
    if (objUrl) {
        //console.log($('.clearfix div'));
        //$('#preview1').attr('src',objUrl);
        //exit();
        $('#preview5').html('<img/>');
        $('#preview5 img').attr('src', objUrl);
    }
    //});
});
function img5() {
    $('#file5').click();
};

$(document).on('change','#file6',function(){
    //$('#file2').change(function () {
    //alert($('.clearfix div')[0]);
    //exit();
    //alert($('.clearfix input:file'));
    var objUrl = getObjectURL(this.files[0]);
    //$('#preview1').html(1);
    //exit();
    //var objUrl = getObjectURL(this.files[0]);
    //alert(objUrl);
    console.log("objUrl= " + objUrl);
    if (objUrl) {
        //console.log($('.clearfix div'));
        //$('#preview1').attr('src',objUrl);
        //exit();
        $('#preview6').html('<img/>');
        $('#preview6 img').attr('src', objUrl);
    }
    //});
});
function img6() {
    $('#file6').click();
};

$(document).on('change','#file7',function(){
    //$('#file2').change(function () {
    //alert($('.clearfix div')[0]);
    //exit();
    //alert($('.clearfix input:file'));
    var objUrl = getObjectURL(this.files[0]);
    //$('#preview1').html(1);
    //exit();
    //var objUrl = getObjectURL(this.files[0]);
    //alert(objUrl);
    console.log("objUrl= " + objUrl);
    if (objUrl) {
        //console.log($('.clearfix div'));
        //$('#preview1').attr('src',objUrl);
        //exit();
        $('#preview7').html('<img/>');
        $('#preview7 img').attr('src', objUrl);
    }
    //});
});
function img7() {
    $('#file7').click();
};

$(document).on('change','#file8',function(){
    //$('#file2').change(function () {
    //alert($('.clearfix div')[0]);
    //exit();
    //alert($('.clearfix input:file'));
    var objUrl = getObjectURL(this.files[0]);
    //$('#preview1').html(1);
    //exit();
    //var objUrl = getObjectURL(this.files[0]);
    //alert(objUrl);
    console.log("objUrl= " + objUrl);
    if (objUrl) {
        //console.log($('.clearfix div'));
        //$('#preview1').attr('src',objUrl);
        //exit();
        $('#preview8').html('<img/>');
        $('#preview8 img').attr('src', objUrl);
    }
    //});
});
function img8() {
    $('#file8').click();
};

function getObjectURL(file) {
    var url = null ;
    if (window.createObjectURL!=undefined) { // basic
        url = window.createObjectURL(file) ;
    } else if (window.URL!=undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file) ;
    } else if (window.webkitURL!=undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file) ;
    }
    return url ;
}



//删除选项
function delTitle() {
    // alert(1);
    $("#options_list li:last").each(function () {
        var i = $(this).index();
        if(i!==0){
            $("#options_list li:last").remove();
        }
    });
}


//单选
$("#single").click(function () {
    $("#single").css('background-color','red');
    $("#many").css('background-color','white');
    $("#SelectType").val('1');
});
//多选
$("#many").click(function () {
    $("#many").css('background-color','red');
    $("#single").css('background-color','white');
    $("#SelectType").val('0');
});
/*//允许评论
$("#yes").click(function () {
    $("#yes").css('background-color','red');
    $("#no").css('background-color','white');
    $("#b_CommentFlag").val('1');
});
//不允许评论
$("#no").click(function () {
    $("#no").css('background-color','red');
    $("#yes").css('background-color','white');
    $("#b_CommentFlag").val('0');
});*/


/*//显示结果
$("#result1").click(function () {
    $("#result1").css('background-color','red');
    $("#result0").css('background-color','white');
    $("#b_ResultFlag").val('1');
});
//不显示结果
$("#result0").click(function () {
    $("#result0").css('background-color','red');
    $("#result1").css('background-color','white');
    $("#b_ResultFlag").val('0');
});*/




/*$("#add_item").click(function () {
 // alert(1);
 var ul = document.getElementById('options_list');
 var li = document.createElement('li');
 var div = document.createElement('div');
 var label = document.createElement('label');
 var input = document.createElement('input');
 var br = document.createElement('br');
 li.className = "options_list_var";
 div.className = 'clearfix';
 ul.appendChild(li);
 li.appendChild(div);
 div.appendChild(label);
 div.appendChild(br);
 div.appendChild(input);
 div.appendChild(input);
 input.id = 'title3';
 input.name = 'titleName3';
 input.type = 'text';
 label.innerHTML = '选项3';
 //$("#add_item").attr('id','add_item1');
 //alert($("#add_item1").attr('id'));
 });*/



/*
 var add_item = document.getElementById('add_item');
 add_item.onclick = function () {
 // alert(1);
 var ul = document.getElementById('options_list');
 var li = document.createElement('li');
 var div = document.createElement('div');
 var label = document.createElement('label');
 var input = document.createElement('input');
 var br = document.createElement('br');
 li.className = "options_list_var";
 div.className = 'clearfix';
 ul.appendChild(li);
 li.appendChild(div);
 div.appendChild(label);
 div.appendChild(br);
 div.appendChild(input);
 input.id = 'InputVoteItemList_[1]__ItemName';
 input.type = 'text';
 label.innerHTML = '选项';

 }*/
